@charset "utf-8";
@import url("forum.css");
/*******************************/
/* Public Layout CSS Document  */
/*******************************/

/* General properties (a, p, class...) */

* {
	margin:0;
	padding:0;
}

body {
	font-family:"Segoe UI", Arial, "dejavu sans";
	font-size:12px;
	color:black;
	background: url('images/background-blue.png') repeat-x #e7eef6;
}

a {
	color: #1C3B6C;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
img { border:none; }
hr {	margin:15px 0; }

/* Global layout ------------------------------------------- */

#global {
	width:900px;
	margin:15px auto 30px auto;
	background:white;
	padding:5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#public_header {
	background:url('images/ban_adrenaline.jpg') no-repeat;
	width:900px;
	height:120px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#public_header h1 {
	display:none;
}

#middle {
	clear:both;
	overflow:hidden;
	min-height:450px;
	margin:5px 0 0 0;
}
.colonne {
	display: table-cell;
}

/* Menu latéral gauche ------------------------------------- */

#public_menu_left {
	background:#F0F0F0;
	width:200px;
}

#public_menu_left ul, #public_menu_left div {
	list-style:none;
	background: white;
	width: 170px;
	margin: 10px 8px;
	padding: 5px 6px;
	border:1px solid silver;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#public_menu_left div.last {
	margin-bottom: 20px;
}

#public_menu_left ul li span, #public_menu_left div#connect span.connect {
	display:block;
	font-weight:bold;
	margin:5px 5px 10px 5px;
	padding:0 0 5px 0;
	border-bottom:1px solid silver;
}

#public_menu_left ul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#public_menu_left ul li a#current {
	background: url('images/blueeffect.png') repeat-x;
	color: white;
	font-weight: bold;
}

#public_menu_left ul li a:hover {
	background: #E0E0E0;
}

#public_menu_left ul li a:before {
	content: "» ";
}

div#connect span.connect {
	margin:5px 5px 15px 5px;
}

#public_menu_left div#connect a, #public_menu_left div#connect em {
	margin:0 0 0 5px;
}

#public_menu_left div#connect p {
	margin:10px 0;
}

div#connect input[type=text],
div#connect input[type=password] {
	width: 160px;
	font-size: 0.9em;
}
div#connect input[type=checkbox] {
	vertical-align: middle;
}
div#connect form {
	border-bottom: 1px solid silver;
}

/* Contenu principal --------------------------------------- */

#public_content {
	margin: 8px 0 0 10px;
	padding: 10px 20px 20px 20px;
	width: 648px;
}

#public_content h2 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 5px;
	border-bottom:1px solid silver;
	font-size:20px;
	font-weight:normal;
}

#public_content h3 {
	margin:10px 0 20px 0;
	font-size:12px;
	font-weight:normal;
}

#public_content p {
	margin: 1.5em 0;
}

#public_content ul, #public_content ol {
	margin: 0 0 0 20px;
}

/* News ---------------------------------------------------- */

#public_content .news {
	background: url("images/news-background.png") repeat-x;
	padding: 0.5em 1em 2em 1em;
	border: 1px solid silver;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#public_content .news h3 {
	margin: 0;
	font-size: 19px;
	font-weight: bold;
	color: #2258aa;
	text-shadow: 1px 1px 0 white, 1px 1px 4px #999;
}
#public_content .news-info {
	height: 40px;
	font-size: 11px;
	background: url("images/news-icon.png") no-repeat 3px 2px;
	margin: 0 5px 20px 5px;
	padding: 0 0 3px 45px;
	color: #505050;
	border-bottom: 1px solid silver;
}
#public_content .news-info strong {
	color: #555555;
}
#public_content .news-content p {
	margin: 0;
	padding: 0;
	line-height: 160%;
	color: #303030;
}

#public_content div.news-separator {
	height: 10px;
	margin-bottom: 20px;
	background: url(images/news-separator.png) no-repeat center;
}

#public_content .news-navbar {
	width: 100%;
	font-size: 0.9em;
	border: 1px solid silver;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#public_content .news-navbar td {
	width: 33%;
	height: 32px;
	line-height: 32px;
}

#public_content .go-previous {
	padding-left: 22px;
	background: url("../images/icons/arrow_left.png") left no-repeat;
}

#public_content td.go-index {
	text-align: center;
}

#public_content td.go-next {
	text-align: right;
	padding-right: 22px;
	background: url("../images/icons/arrow_right.png") right no-repeat;
}

/* Footer -------------------------------------------------- */

#public_footer {
	clear:both;
	height:35px;
	font-size: 0.9em;
	margin-top: 5px;
	background:#F0F0F0;
	border:1px solid gray;
	text-align: center;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#public_footer p {
	margin:10px auto 0 auto;
}

div.ajax {
	width:600px;
	margin:20px auto 0 auto;
}

div.ajax img {
	display:block;
	margin:0 auto 0 auto;
}

/* Tableau de listing -------------------------------------- */

table.table-contain {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
table.table-contain td,
table.table-contain th {
	padding: 5px 10px;
	text-align:left;
	vertical-align:middle;
}
table.table-contain th {
	background: url('images/blueeffect.png') repeat-x #35508A;
	border: 1px solid #152345;
	color: white;
}
table.table-contain td {
	background: url('images/input_bg.png') repeat-x;
	border: 1px solid silver;
}
table.table-contain td.center {
	text-align: center;
}
table.table-contain th a {
	color: white;
}

/* Tableau d'affichage d'une donnée ------------------------ */

table.data-display {
	margin: 10px 0;
	border: 1px solid silver;
}
table.data-display th {
	text-align: left;
	border-bottom: 1px solid silver;
}
table.data-display td,
table.data-display th {
	padding: 6px 10px;
	vertical-align: top;
}
table.data-display tr td:first-child {
	min-width: 80px;
	font-weight: bold;
}
table.data-display p {
	margin: 0 !important;
}

/* Formulaires --------------------------------------------- */

select[name=pagenum] { min-width:50px; }

input[type=text], input[type=password], textarea {
	padding: 2px;
	border: 1px solid silver;
	background: url("images/input_bg.png") repeat-x white 0px 1px;
}

select {
	border: 1px solid silver;
}

input[type=text]:focus,
textarea:focus {
	background: #FFF9E3;
	border: 1px solid silver;
}

input[type=submit] {
	padding:0 10px;
}

table.form-content {
	margin: auto;
}
table.form-content tr td {
	padding: 5px 0;
	vertical-align: top;
}
table.form-content tr td:first-child {
	width: 200px;
}
table.form-content input[type=checkbox],
table.form-content input[type=radio] {
	vertical-align: middle;
}
fieldset {
	border: 1px solid silver;
	padding: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}

.form-field input[type=text],
.form-field textarea {
  width: 400px;
}
.form-field label {
  line-height: 180%;
}

/* Toolbar ------------------------------------------------- */

div#toolbar {
	clear:both;
	margin:5px 0 0 0;
	position:relative;
}

div#toolbar img {
	cursor:pointer;
}

div#toolbar span#arrow {
	position:absolute;
	right:5px;
	clear:both;
}

div#deroule {
	padding:7px 0 3px 10px;
	height:20px;
}

div#deroule a {
	margin:0 10px;
	float:right;
}

/* <div id="inscription_intro"> *****************************/

div#inscription_intro .go a {
	text-transform:uppercase;
}

div#inscription_intro a.big_button {
	display:block;
	width:300px;
	height:35px;
	background:#DCEECB;
	padding:15px 0 0 0;
	margin:35px auto auto;
	color:#2277BB;
	font-size:14px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

div#inscription_intro a.big_button:hover {
	text-decoration:none;
	background:#B7D68A;
	color:#F2F2F2;
}

div#inscription_intro {
	text-align:justify;
}


/* Reglement et documents ---------------------------------- */

#reglement p > a {
	font-size: 13px;
}


/* <div id="form_inscription"> ******************************/

div#form_inscription p {
	text-align:center;
	margin: 20px 0;
}

div#form_inscription input#valider {
	width:100px;
}

div#form_inscription form select {
	min-width: 148px;
}
div#form_inscription form select.birth {
	min-width: 45px;
}
div#form_inscription form select.last {
	width: 60px;
}

div#form_inscription form input#other_city {
	margin-top:5px;
}

div#form_inscription div#under18 {
	padding: 15px 0;
	border:1px solid silver;
	background-color: #f0f3f6;
}

div#form_inscription div#under18 p {
	margin:0 0 10px 40px;
	text-align:left;
}

/* Galerie photo ------------------------------------------- */

#galerie_container form select {
	min-width: 120px;
}
div.picture-item {
	float: left;
	width: 120px;
	height: 120px;
	padding: 5px;
	margin: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid silver;
	text-align: center;
}
div.picture-item:hover {
	background-color: #FFF3BC;
}
div.picture-item a {
	line-height: 120px;
}
